<template>
  <div class="list-item">
    <div class="upper">
      <span class="title">222</span>
      <div class="info">
        <span class="info-content">111</span>
        <i class="iconfont icon-naozhong info-icon"></i>
      </div>
    </div>
    <div class="device-line"></div>
    <div class="bottom">
      <span>我是内容我是内容我是内容我是内容我是内容我是内容我是内容我是内容</span>
    </div>
  </div>
</template>

<script>
export default {
  
}
</script>
<style lang="scss">
  .list-item {
    background: #fff;
    padding: .1rem  .1rem;
    margin-top: .1rem;
    border-radius: .05rem;
    .upper {
      display: flex;
      justify-content: space-between;
      line-height: .3rem;
      padding-left: .3rem;
      .title {
        font-size: .2rem;
        color: #333175;
      }
      .info {
        .info-content {
          font-size: .12rem;
          color: #666;
        }
        .info-icon {
          color: #FFD700;
          vertical-align: bottom;
        }
      }
    }
    .device-line {
      background: #EEF0F5;
      height: .01rem;
    }
    .bottom {
      padding-left: .3rem;
      padding-top: .2rem;
      padding-bottom: .1rem;
      font-size: .12rem;
      color: #666;
    }
  }
</style>
